<!--
 * @Author: 码上talk|RC
 * @Date: 2021-08-04 17:34:56
 * @LastEditTime: 2021-09-20 16:09:49
 * @LastEditors: 码上talk|RC
 * @Description: 
 * @FilePath: /ma-portal/subpackage/axq/pages/article/@fragment/media-card.vue
 * @微信:  13680065830
 * @邮箱:  3189482282@qq.com
 * @oops: Just do what I think it is right
-->
<template>
  <view class="media-card" @click="nav(`/subpackage/axq/pages/article/_id?id=${data.id}`)">
    <view class="img">
      <a-img-loader :src="data.thumbnail"></a-img-loader>
    </view>
    <view class="info">
      <view class="title">{{ black_Get(data,'title') }}</view>
      <view style="flex:1;"></view>
      <view class="time">{{ black_Get(data,'createTime')}}</view>
    </view>
  </view>
</template>

<script>
import uParse from '@/components/gaoyia-parse/parse'
export default {
  name: 'MediaCard',
  components: { uParse },
  mixins: [],
  props: {
    data: Object
  },
  data () {
    return {
      noData: '<div></div>'
    }
  },
  methods: {}
}
</script>

<style lang="less">
.media-card {
  .flexLayout();
  padding: 20rpx;
  background-color: #fff;
  border-radius: 20rpx;

  .img {
    margin-right: 21rpx;
    width: 240rpx;
    height: 200rpx;
    border-radius: 20rpx;
    overflow: hidden;
  }

  .info {
    .flexLayout(@dir: column);
    flex: 1;
  }

  .title {
    .textOverflow(3);
    font-size: 32rpx;
    font-weight: bold;
    color: #333;
    line-height: 48rpx;
  }

  .time {
    text-align: right;
    font-size: 26rpx;
    font-weight: 500;
    color: #999;
    line-height: 40rpx;
  }
}
</style>